<template>
	<view class="dispose-record-detail">
		<titleName :name="name"></titleName>
		<view class="title-bgc"></view>
		<view class="content-wrap">
			<view class="item">
				<view class="title">
					企业名称：河南全会有限公司
				</view>
				<view class="unit">处置单位：测试处置单位名称</view>
				<view class="type">处置类型：活性炭</view>
				<view class="quality">处置量：4kg</view>
				<view class="quality">处置联单编号：123456789012346</view>
				<view class="quality">处置时间：2024-05-01</view>
				<view class="quality">处置联单图片：<text @click="searchImage">点击查看</text> </view>
				<view class="quality">车辆信息：豫A00000,豫A10000 </view>
				<view class="quality">驾驶员信息：冯驾驶员，吴驾驶员</view>
				<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/imghazardouswaste/beijing-icon.png"
					mode=""></image>
			</view>

		</view>

	</view>
</template>

<script setup>
	import titleName from '../../components/titleName.vue'
	import http from '../../request/index'
	import uploadFile from '../../request/uploadFile.js'
	import {
		onShow
	} from '@dcloudio/uni-app'
	import {
		reactive,
		ref
	} from 'vue'

	let name = "记录详情"
	onShow(() => {

	})
	let searchImage = (url) => {
		if(!url){
			uni.showToast({
				title:'暂无照片',
				icon:'none'
			})
			return
		}
		let imgUrl = url.split(',')
		
		uni.previewImage({
			urls: imgUrl,
			current: 0
		})
	}
</script>

<style lang="scss" scoped>
	.dispose-record-detail {
		width: 100vw;
		height: 100vh;

		.title-bgc {
			width: 750rpx;
			height: 160rpx;
			background: #0874FA;
		}

		.content-wrap {
			width: 100vw;
			height: calc(100vh - 160rpx);
			background-color: #F0F2F5;
			padding-top: 22rpx;
			display: flex;
			justify-content: center;

			.item {
				width: 690rpx;
				height: 649rpx;
				background: #FFFFFF;
				border-radius: 14rpx;
				padding-left: 33rpx;
				position: relative;

				image {
					position: absolute;
					top: 84rpx;
					height: 25rpx;
					width: 690rpx;
					left: 0;
				}

				.title {

					height: 93rpx;

					font-weight: 500;
					font-size: 31rpx;
					color: #333333;
					line-height: 93rpx;
				}

				.unit,
				.type,
				.quality {
					margin-top: 26rpx;
					font-weight: 400;
					font-size: 28rpx;
					color: #666666;

					text {
						color: #0874FA
					}
				}
			}
		}
	}
</style>